.banner {
  width: 100%;
  position: relative;
  .banner-swiper {
    width: 100%;
    height: 350px;

    .banner-swiper-item {
      width: 100%;
      height: 350px;
      .banner-swiper-img{
        width: 100%;
        height: 350px;
      }
    }
  }
  .notice {
    width: 100%;

    .notice-box {
      width: @content-width;
      height: 50px;
      box-sizing: border-box;
      margin: 0 auto;
      .et-flex-spacebetween();

      .notice-left {
        font-size: @font-size-large;
        color: @primary-color;
        flex-shrink: 0;
        width: 150px;
        .et-flex-start();

        img {
          width: 30px;
        }
      }

      .notice-info {
        flex: 1;
        width: 890px;

        .item-one {
          width: 100%;
          .et-flex-start();

          .circle {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            display: inline-block;
            background: #666;
            margin-bottom: 3px;
          }

          span {
            color: rgb(102, 102, 102);
            font-size: @font-size-large;
            margin: 0 10px;
            cursor: pointer;
          }
        }
      }

      .notice-right {
        flex-shrink: 0;
        width: 150px;
        color: rgb(160, 157, 157);
        cursor: pointer;
        font-size: @font-size-large;
      }
    }
  }
}